@charset"utf-8";
@function c($px) {
    @return $px/2;
}

body {
    box-sizing: border-box;
    text-decoration: none;
}

.web {
    height: 100%;
    width: 98%;
    margin: 0 auto;
    .head {
        position: absolute;
        right: 0px;
        left: 0;
        background-color: #FFFFFF;
    }
    .left {
        text-align: center;
        float: left;
        width: c(122px);
        height: c(57px);
        border: 1px solid #ffbf91;
        border-radius: 15px 15px 15px 15px;
        margin-top: c(44px);
        padding-top: c(6px);
        display: block;
    }
    .right {
        float: right;
        border: 0px solid #FFBF91;
        height: c(57px);
        display: block;
        .right1 {
            width: c(162px);
            height: c(55px);
            border: 1px solid #ff9344;
            font-size: c(26px);
            color: #000000;
        }
        .aa {
            content: "";
            width: 0;
            height: 0;
            border-bottom: 3px solid transparent;
            border-left: 7px solid transparent;
            border-top: 7.5px solid #ff9344;
            border-right: 8.5px solid transparent;
            position: relative;
            top: -9px;
            left: 62px;
        }
    }
    .center {
        text-align: center;
        span {
            display: inline-block;
            position: relative;
            top: 25px;
            left: -35px;
        }
    }
    .nrong {
        position: absolute;
        top: 75px;
        bottom: 75px;
        left: 0;
        overflow-y: auto;
        width: 100%;
        text-align: center;
        .nrong1 {
            width: c(140px);
            display: inline-block;
            text-align: -webkit-center;
            img {
                width: 100%;
            }
        }
        .p {
            margin: 0 auto;
            width: c(96px);
            margin-top: c(-25px);
            img {
                width: 100%;
            }
        }
        .nrong2 {
            p {
                text-align: left;
                width: 98%;
                margin-bottom: 6px;
                .genduo {
                    width: c(44px);
                    float: right;
                    img {
                        width: 100%;
                    }
                }
            }
            .msh {
                width: c(55px);
                display: inline-block;
                vertical-align: middle;
                img {
                    width: 100%;
                }
            }
        }
        .nrong3 {
            width: 100%;
            display: inline-block;
            text-align: center;
            margin-bottom: 4px;
            .ng3 {
                height: c(135px);
                display: inline-block;
                text-align: -webkit-center;
                margin-right: c(10px);
            }
            img {
                height: 100%;
            }
        }
    }
    footer {
        width: 100%;
        color: #FFFFFF;
        position: absolute;
        background-color: #ffffff;
        right: 0;
        left: 0;
        bottom: 0;
        .m {
            margin-top: c(17px);
            width: 100%;
            margin: 0 auto;
            .f1 {
                
                width: c(73px);
                float: left;
                .v {
                    position: relative;
                    
                }
                img {
                    width: 100%;
                }
            }
        }
    }
}
a{
    color: #000000;
}
